<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Vidriera Resistencia</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.css">
       <link rel="stylesheet" href="css/style.css">
       
       <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>
    
    <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"></a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Resistencia CREA</a></li>
            <li><a href="#">Resistencia PRODUCE</a></li>
			 <li><a href="#">Agenda</a></li>
            <li><a href="#">Contacto</a></li>
       </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
       
<div class="space-2"></div>
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-6">
<div class="logo"><img src="img/logotipo.png" alt="" /></div>
</div>
<div class="col-md-6 col-xs-6">
<div class="social">
<img src="img/facebook.png" alt="" />
<img src="img/twitter.png" alt="" />
</div>
</div>
</div>
</div>
<div class="space"></div>
<div class="container"><div class="row">
<div class="col-md-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="img/slider-1.jpg" alt="...">
      <div class="carousel-caption">
        Prueba de slider de imágenes.
      </div>
    </div>
    <div class="item">
      <img src="img/slider-2.jpg" alt="...">
      <div class="carousel-caption">
        Prueba de slider de imágenes.
      </div>
    </div>
    <div class="item">
      <img src="img/slider-3.jpg" alt="...">
      <div class="carousel-caption">
        Prueba de slider de imágenes.
      </div>
    </div><div class="item">
      <img src="img/slider-4.jpg" alt="...">
      <div class="carousel-caption">
        Prueba de slider de imágenes.
      </div></div></div>
    

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div></div></div>
</div>
<div class="sombra"><img src="img/sombra.png" alt="" /></div>

<div class="container"><div class="bgw">
<div class="row"><div class="col-md-12">
<div class="col-md-2"><div class="nue"><h5>Eventos</h5></div>
<div class="evento">
<h6>Evento 1</h6>
<span class="fecha">12 de Agosto</span>
</div>
<div class="evento">
<h6>Evento 2</h6>
<span class="fecha">15 de Agosto</span>
</div>
<div class="evento">
<h6>Evento 3</h6>
<span class="fecha">19 de Agosto</span>
</div>
<div class="evento">
<h6>Evento 4</h6>
<span class="fecha">21 de Agosto</span>
</div>
<div class="evento">
<h6>Evento 5</h6>
<span class="fecha">25 de Agosto</span>
</div>
<div class="evento">
<h6>Evento 6</h6>
<span class="fecha">2 de Septiembre</span>
</div>
<div class="evento">
<h6>Evento 7</h6>
<span class="fecha">8 de Septiembre</span>
</div>
<div class="evento">
<h6>Evento 8</h6>
<span class="fecha">12 de Septiembre</span>
</div>
<div class="evento">
<h6>Evento 9</h6>
<span class="fecha">22 de Septiembre</span>
</div>


</div>
<div class="col-md-10"> <div class="row">
<div class="col-md-6"><div class="crea">	Resistencia CREA</div></div>
<div class="col-md-6"><div class="produce">Resistencia Produce</div></div></div><div class="linea"></div>
<div class="row">
<div class="col-md-6"><div class="noticias">
<div class="row"><div class="col-md-6"><img src="img/noticia1.jpg" alt="" /></div><div class="col-md-6"><h5>Noticia 1</h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo.


</div></div><div class="linea"></div>
<div class="row"><div class="col-md-6"><img src="img/noticia2.jpg" alt="" /></div><div class="col-md-6"><h5>Noticia 2</h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div></div><div class="linea"></div><div class="row"><div class="col-md-6"><img src="img/noticia3.jpg" alt="" /></div><div class="col-md-6"><h5>Noticia 3</h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div></div></div></div>
<div class="col-md-6"><div class="video"><span class="video">Titulo Video</span><iframe src="//www.youtube.com/embed/g6GUlCIG88c" frameborder="0" allowfullscreen></iframe></div></div></div>
<div class="row"><div class="conv">
<div class="col-md-12">
<h3>Participa! Inscribite! Es fácil!</h3> <div class="linea2"></div>
<h4>Hacé visible tus productos en VIDRIERA RESISTENCIA!</h4>
Envía un mail a <a href="mailto:nfo@vidrieraresistencia.com.ar">info@vidrieraresistencia.com.ar</a><br><br><button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Inscripción</button></div>

<div class="clear"></div>
</div>
</div></div>
</div></div>
</div>
</div></div>
<div class="res">
<div class="container">
<div class="row">
<div class="col-md-3"><img src="img/logo-mr.png" alt="" />
</div><div class="col-md-3"><h4>Contacto</h4>Municipalidad de Resistencia<br>
Av. Italia Nº 150<br>
Telefono de Informes: (362) 4458201<br>catálogo@gmail.com
</div>
<div class="col-md-3"><div class="rubros"><a href="#">Rubro 1</a>
<a href="#">Rubro 2</a><a href="#">Rubro 3</a><a href="#">Rubro 4</a><a href="#">Rubro 5</a><a href="#">Rubro 6</a><a href="#">Rubro 7</a></div>

</div>

<div class="col-md-3"><div class="facebook"><img src="img/facebook.jpg" alt="" /></div></div>

</div>
</div>
</div>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Formulario Inscripción</h4>
      </div>
      <div class="modal-body">
<form role="form">
  <div class="form-group">
    <label for="example">Datos</label>
    <input type="email" class="form-control" id="" placeholder="Datos">
  </div>  <div class="form-group">
    <label for="example">Datos</label>
    <input type="email" class="form-control" id="" placeholder="Datos">
  </div><div class="form-group">
    <label for="example">Datos</label>
    <input type="email" class="form-control" id="" placeholder="Datos">
  </div></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success">Mandar</button>
      </div>
    </div>
  </div>
</div>
        

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/carousel.js"></script>
        <script src="js/collapse.js"></script>
        <script src="js/dropdown.js"></script>
        <script src="js/modal.js"></script>
        <script src="js/vendor/bootstrap.js"></script>
       <script>$('.dropdown-toggle').dropdown()</script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>
    </body>
</html>
